body,
img,
div {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family: "Microsoft YaHei"
}

body {
	width: 100%;
	height: 180vw;
	/*height: 60vw;*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#b8c4cb, endColorStr=red);
	/*IE 6 7 8*/
	background: -ms-linear-gradient(bottom, #fff, #1568f6);
	/* IE 10 */
	background: -moz-linear-gradient(bottom, #b8c4cb, #f6f6f8);
	/*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8c4cb), to(#f6f6f8));
	/*谷歌*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff));
	/* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(bottom, #fff, #1568f6);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(bottom, #fff, #1568f6);
	/*Opera 11.10+*/
	background-repeat: no-repeat;
}

.covers3 {
	z-index: 101;
	position: fixed;
	top: 0vw;
	bottom: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
	background: rgba(39, 40, 34, .6);
	opacity: 0.6;
}

.covers3 .hz {
	width: 71vw;
	height: 68vw;
}

.jiantou img {
	margin-left: 80%;
	width: 15%;
	margin-right: 2%;
}

.tip1 img {
	width: 60%;
	margin-left: 30%;
}

.tip2 img {
	width: 60%;
	margin-left: 30%;
}

.tip3 img {
	width: 60%;
	margin-left: 30%;
}

.content {
	text-align: center;
}

.whitebak {
	width: 100%;
	position: absolute;
}

.whitebak img {
	width: 70%;
	height: 110vw;
	margin-top: 30%;
}

.app {
	width: 100%;
	text-align: center;
	position: absolute;
	margin-top: 40%;
}

.app img {
	width: 20%;
}

.app .appname {
	margin-top: 5px;
	font-weight: bold;
	font-size: 15px
}

.appbtn {
	width: 100%;
	text-align: center;
	position: absolute;
	margin-top: 90%;
}

.appbtn img {
	width: 45%;
}

.appbtn2 {
	width: 100%;
	text-align: center;
	position: absolute;
	margin-top: 110%;
}

.appbtn2 img {
	width: 45%;
}

.safari {
	display: none;
}

.android {
	display: none;
}